<!DOCTYPE HTML>
<html lang="en" class="no-js">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Power OJ is a powerful online judge for ACM-ICPC contest.">
<meta name="author" content="power721">
<base href="${baseUrl!}/" />
<title><#if pageTitle??>${pageTitle!} -- </#if>${siteTitle!}</title>

<!-- styles -->
<link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="assets/css/oj.css" type="text/css" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="assets/css/theme.css">
<link rel="stylesheet" type="text/css" href="assets/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="assets/tipsy/css/tipsy.css">
<!--[if lt IE 8]>
      <link rel="stylesheet" type="text/css" href="assets/font-awesome/css/font-awesome-ie7.min.css">
<![endif]-->

<@block name="styles"></@block>

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
    <script src="assets/js/html5shiv.js"></script>
<![endif]-->
<script type="text/javascript" src="assets/js/jquery-1.10.2.min.js"></script>

<#if gaAccount??>
<script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', '${gaAccount}']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>
</#if>
</head>

<body>

  <!-- Navbar
    ================================================== -->
  <div class="navbar">
    <div class="navbar-inner">
      <ul class="nav pull-right">
        <li id="fat-menu" class="dropdown">
          <a class="dropdown-toggle" role="button" data-toggle="dropdown" href="#"> 
            <i class="icon-user"> </i> ${user.name} <i class="icon-caret-down"> </i>
        </a>
          <ul class="dropdown-menu">
            <li><a tabindex="-1" href="admin/user"> 用户中心 </a></li>
            <li class="divider"></li>
            <li class="divider visible-phone"></li>
            <li><a tabindex="-1" href="logout"> 退出 </a></li>
          </ul></li>
      </ul>
      <a class="brand" href="./"> <span class="first"> PowerOJ </span>
      </a>
    </div>
  </div>
  <div class="sidebar-nav">
    <a class="nav-header" style="margin-top: .4em;" data-toggle="collapse" href="#dashboard-menu"> 
      <i class="icon-file"> </i> 管理
    </a>
    <ul id="dashboard-menu" class="nav nav-list collapse in">
      <li><a href="admin"> 首页 </a></li>
      <li><a href="admin/blog"> 列表 </a></li>
    </ul>
    <a class="nav-header" data-toggle="collapse" href="#accounts-menu"> <i class="icon-user"> 
    </i> 用户管理 <span class="label label-info"> +3 </span>
    </a>
    <ul id="accounts-menu" class="nav nav-list collapse ">
      <li><a href="admin/user"> 用户中心 </a></li>
      <li><a href="admin/user/list"> 用户列表 </a></li>
      <li><a href="user/online"> 在线列表 </a></li>
      <li><a href="admin/user/role"> 角色管理 </a></li>
      <li><a href="admin/user/permission"> 权限管理 </a></li>
    </ul>
    <a class="nav-header collapsed" data-toggle="collapse" href="#problem-menu"> 
      <i class="icon-book"> </i> 题目管理 <i class="icon-chevron-up"> </i>
    </a>
    <ul id="problem-menu" class="nav nav-list collapse ">
      <li><a href="admin/problem"> 题目列表 </a></li>
      <li><a href="problem/add"> 添加题目 </a></li>
    </ul>
    <a class="nav-header collapsed" data-toggle="collapse" href="#contest-menu"> 
      <i class="icon-trophy"> </i> 比赛管理 
      <span class="label label-important"> +1 </span>
      <!--<i class="icon-chevron-up"> </i>-->
    </a>
    <ul id="contest-menu" class="nav nav-list collapse ">
      <li><a href="admin/contest"> 比赛列表 </a></li>
      <li><a href="contest/add"> 添加比赛 </a></li>
    </ul>
    <a class="nav-header collapsed" data-toggle="collapse" href="#tags-menu"> 
      <i class="icon-tags"> </i> 标签管理 <i class="icon-chevron-up"> </i>
    </a>
    <ul id="tags-menu" class="nav nav-list collapse ">
      <li><a href="admin/tags"> 标签列表 </a></li>
    </ul>
    <a class="nav-header collapsed" data-toggle="collapse" href="#wechat-menu"> 
      <i class="icon-comment"> </i> 微信管理 <i class="icon-chevron-up"> </i>
    </a>
    <ul id="wechat-menu" class="nav nav-list collapse ">
      <li><a href="admin/wechat"> 规则列表 </a></li>
      <li><a href="admin/wechat/leave_msgs"> 留言列表 </a></li>
    </ul>
    <a class="nav-header collapsed" data-toggle="collapse" href="#options-menu"> 
      <i class="icon-cog"> </i> 网站设置 <i class="icon-chevron-up"> </i>
    </a>
    <ul id="options-menu" class="nav nav-list collapse ">
      <li><a href="admin/options"> 网站信息 </a></li>
      <li><a href="admin/links"> 友链管理 </a></li>
    </ul>
  </div>
  
  <!-- main content
    ================================================== -->
  <div class="content">
    <div class="header">
      <h1 class="page-title">系统信息</h1>
    </div>
    <ul class="breadcrumb">
      <li class="active">首页</li>
    </ul>
    <div class="container-fluid">
      <div class="row-fluid">
        <div class="well">
          <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"><#nested></div>
        </div>
      </div>

      <!-- Footer
    ================================================== -->
      <footer class="footer">
        <div class="container">
          <div class="#copyright">
            ©Copyright 2013 <a href="http://git.oschina.net/power/oj" target="balnk">PowerOJ Rev.${version!}</a>
          </div>
          <ul class="footer-links">
            <li><a href="http://git.oschina.net/power/oj" target="balnk">Source</a></li>
            <li class="muted">&middot;</li>
            <li><a href="faq">F.A.Q</a></li>
            <li class="muted">&middot;</li>
            <li><a href="contact">Contact</a></li>
            <li class="muted">&middot;</li>
            <li><a href="changelog">Changelog</a></li>
          </ul>
        </div>
      </footer>

      <!-- javascript
    ================================================== -->
      <!-- Placed at the end of the document so the pages load faster -->

      <script type="text/javascript" src="assets/bootstrap/js/bootstrap.js"></script>
      <script type="text/javascript" src="assets/js/oj.js"></script>
      <@block name="scripts"></@block>
      
</body>
</html>
